import * as React from 'react';
import { convertIcon } from '../components/Icon';

function SvgComponent(props: React.SVGProps<SVGSVGElement>) {
    return (
        <svg
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            width="1em"
            height="1em"
            focusable={false}
            aria-hidden={true}
            {...props}
        >
            <path
                d="M2 3C2 2.44772 2.44772 2 3 2H6C6.55228 2 7 2.44772 7 3V6C7 6.55228 6.55228 7 6 7H3C2.44772 7 2 6.55228 2 6V3Z"
                fill="currentColor"
            />
            <path
                d="M9.5 3C9.5 2.44772 9.94771 2 10.5 2H13.5C14.0523 2 14.5 2.44772 14.5 3V6C14.5 6.55228 14.0523 7 13.5 7H10.5C9.94771 7 9.5 6.55228 9.5 6V3Z"
                fill="currentColor"
            />
            <path
                d="M10.5 17C9.94771 17 9.5 17.4477 9.5 18V21C9.5 21.5523 9.94771 22 10.5 22H13.5C14.0523 22 14.5 21.5523 14.5 21V18C14.5 17.4477 14.0523 17 13.5 17H10.5Z"
                fill="currentColor"
            />
            <path
                d="M2 10.5C2 9.94771 2.44772 9.5 3 9.5H6C6.55228 9.5 7 9.94771 7 10.5V13.5C7 14.0523 6.55228 14.5 6 14.5H3C2.44772 14.5 2 14.0523 2 13.5V10.5Z"
                fill="currentColor"
            />
            <path
                d="M18 9.5C17.4477 9.5 17 9.94771 17 10.5V13.5C17 14.0523 17.4477 14.5 18 14.5H21C21.5523 14.5 22 14.0523 22 13.5V10.5C22 9.94771 21.5523 9.5 21 9.5H18Z"
                fill="currentColor"
            />
            <path
                d="M9.5 10.5C9.5 9.94771 9.94771 9.5 10.5 9.5H13.5C14.0523 9.5 14.5 9.94771 14.5 10.5V13.5C14.5 14.0523 14.0523 14.5 13.5 14.5H10.5C9.94771 14.5 9.5 14.0523 9.5 13.5V10.5Z"
                fill="currentColor"
            />
            <path
                d="M3 17C2.44772 17 2 17.4477 2 18V21C2 21.5523 2.44772 22 3 22H6C6.55228 22 7 21.5523 7 21V18C7 17.4477 6.55228 17 6 17H3Z"
                fill="currentColor"
            />
            <path
                d="M17 3C17 2.44772 17.4477 2 18 2H21C21.5523 2 22 2.44772 22 3V6C22 6.55228 21.5523 7 21 7H18C17.4477 7 17 6.55228 17 6V3Z"
                fill="currentColor"
            />
            <path
                d="M18 17C17.4477 17 17 17.4477 17 18V21C17 21.5523 17.4477 22 18 22H21C21.5523 22 22 21.5523 22 21V18C22 17.4477 21.5523 17 21 17H18Z"
                fill="currentColor"
            />
        </svg>
    );
}

const IconComponent = convertIcon(SvgComponent, 'apps');
export default IconComponent;
